<template>
    <div class="content">
        <headerCom>
            <template #title-content>
                <div>
                    账号管理
                </div>
            </template>
            <template #right-button>
                <div>
                    <button>修改</button>
                </div>
            </template>
        </headerCom>
        <p style="font-size: 0.15rem;">当前登录账号</p>
        <setCom :items="datas"/>
        <setCom :items="datas2"/>

    </div>
</template>

<script lang="ts" setup>
import headerCom from '@/components/headerSetCom/headerSetCom.vue';
import setCom from '@/components/setCom/setCom.vue';
import { useRouter } from 'vue-router';
const router = useRouter()

const datas = [
    { title: '手机号', icon: 'iconfont icon-shouji',showSlot: true ,zj:localStorage.getItem('phone') || '',rightButton:true },
]
const datas2 = [
    { title: '修改密码', icon: 'iconfont icon-shouji',showSlot: true,right:'iconfont icon-xiangyoujiantou' },
]
const phone = localStorage.getItem('phone') || '' 

</script>


<style lang="scss" scoped>
.content{
    background-color: #f5f5f5;
    height: 100%;
}
</style>